<div data-bind="style: {display: $root.startpageVM.isDisplayStartPage() ? 'none' : $root.overviewVM.isDisplayOverView() ? 'none' : 'block'}">
	<!-- ko template:{name:$root.getChildTmpl, afterRender: $root.applyEffectScroll}-->
	<!--/ko-->
</div>
<div data-bind="style: {display: $root.startpageVM.isDisplayStartPage() ? 'none' : $root.overviewVM.isDisplayOverView() ? 'block' : 'none'}">
	<!-- ko template:{name:$root.getChildOverviewTmpl, afterRender: $root.applyEffectScroll}-->
	<!--/ko-->
</div>
<div data-bind="style: {display: $root.startpageVM.isDisplayStartPage() ? 'block' : 'none'}">
	<!-- ko template:{name:$root.getChildStartTmpl, afterRender: $root.applyEffectScroll}-->
	<!--/ko-->
</div>
<div id="footer" class="row footer black-bgd-100" data-bind="style: {display: $root.isDisplayFooter() ? 'block' : 'none' }">
	<div>
		<div class="space">&nbsp;</div>
		<!-- start -->
		<div class="btn btn-clicked" id="fastButtonViewStartActive" data-bind="style:{display: $root.currentTab()==startTab ? 'block' : 'none'}">
			<img src="img/start-bottom.png" />
			<div class="title-bar" data-bind="text: homeVM.strStart">new</div>
		</div>
		<div class="btn" id="fastButtonViewStart" data-bind="style:{display: $root.currentTab()==startTab ? 'none' : 'block'}">
			<img src="img/start-bottom.png" />
			<div class="title-bar" data-bind="text: homeVM.strStart">new</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- browse -->
		<div class="btn btn-clicked" id="fastButtonViewBrowseActive" data-bind="style:{display: $root.currentTab()==browseTab ? 'block' : 'none'}">
			<img src="img/browse.png" />
			<div class="title-bar" data-bind="text: homeVM.strBrowse">browse</div>
		</div>
		<div class="btn" id="fastButtonViewBrowse" data-bind="style:{display: $root.currentTab()==browseTab ? 'none' : 'block'}">
			<img src="img/browse.png" />
			<div class="title-bar" data-bind="text: homeVM.strBrowse">browse</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- favorites -->
		<div class="btn btn-clicked" id="fastButtonViewFavoriteActive" data-bind="style:{display: $root.currentTab()==favoriteTab ? 'block' : 'none'}">
			<img src="img/favorites.png" />
			<div class="title-bar" data-bind="text: homeVM.strFavorites">favorites</div>
		</div>
		<div class="btn" id="fastButtonViewFavorite" data-bind="style:{display: $root.currentTab()==favoriteTab ? 'none' : 'block'}">
			<img src="img/favorites.png" />
			<div class="title-bar" data-bind="text: homeVM.strFavorites">favorites</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- settings -->
		<div class="btn btn-clicked" id="fastButtonViewSettingActive" data-bind="style:{display: $root.currentTab()==settingTab ? 'block' : 'none'}">
			<img src="img/settings.png" />
			<div class="title-bar" data-bind="text: homeVM.strSettings">settings</div>
		</div>
		<div class="btn" id="fastButtonViewSetting" data-bind="style:{display: $root.currentTab()==settingTab ? 'none' : 'block'}">
			<img src="img/settings.png" />
			<div class="title-bar" data-bind="text: homeVM.strSettings">settings</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- about -->
		<div class="btn btn-clicked" id="fastButtonViewAboutActive" data-bind="style:{display: $root.currentTab()==aboutTab ? 'block' : 'none'}">
			<img src="img/about.png" />
			<div class="title-bar" data-bind="text: homeVM.strAbout">about</div>
		</div>
		<div class="btn" id="fastButtonViewAbout" data-bind="style:{display: $root.currentTab()==aboutTab ? 'none' : 'block'}">
			<img src="img/about.png" />
			<div class="title-bar" data-bind="text: homeVM.strAbout">about</div>
		</div>
		<div class="space">&nbsp;</div>
	</div>
</div>